<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7">    <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8">    <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Vmenu | Home Page 2</title>
        
        <!-- Google font -->
        <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="fonts/Lato-Medium.css">
        <link rel="stylesheet" href="fonts/Lato-MediumItalic.css">
        <link rel="stylesheet" href="fonts/Lato-Semibold.css">

        <!-- Bootstrap css -->
        <link rel="stylesheet" href="css/bootstrap.min.css">

        <!-- Slicknav css -->
        <link rel="stylesheet" href="css/slicknav.min.css">

        <!-- Font awesome css -->
        <link rel="stylesheet" href="css/font-awesome.min.css">

        <!-- Stroke Font Icon css -->
        <link rel="stylesheet" href="css/pe-icon-7-stroke.css">

        <!-- Animate css -->
        <link rel="stylesheet" href="css/animate.css">

        <!-- VenoBox css -->
        <link rel="stylesheet" href="css/venobox.css">

        <!-- Owl carousel 2 css -->
        <link rel="stylesheet" href="css/owl.carousel.css">

        <!-- Custom css -->
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">

        <!-- Favicons -->
        <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png">
        <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>  

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!-- Linkon Miyan from rexord.com -->
        <!--[if lt IE 9]>
          <script src="js/html5shiv.min.js"></script>
          <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    
    <body class="index2">
        <!--====| Preloader Area Start |====-->
        <div id="preloader">
            <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
        </div>
        <!--====| Preloader Area End |====-->


        <!--====| Header Area Start |====-->
        <header class="header_area">
           
            <!--====| Header Top Start |====-->
            <div class="header_top">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="header_top_social_logo">
                                <ul>
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                </ul>
                            </div>
                            <div class="header_top_phone_no">
                                <a href="tel:(02)-123-456-7890">(02) 123-456-7890</a>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="header_top_search">
                                <form action="#">
                                    <input type="text" placeholder="Search ...">
                                    <input type="submit" value="">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--====| Header Top End |====-->
            
            <!--====| Main Header Start |====-->
            <div class="main_header">
                <div class="site_logo">
                    <a href="index.html">
                        <img src="img/logo.png" alt="Site Logo">
                        <span class="logo_txt"><span>v</span>menu</span>
                    </a>
                </div>
                <div class="main_menu_area">
                    <nav class="main_menu">
                        <ul>
                            <li class="active">
                                <a href="index.html"><i class="pe-7s-home"></i><span>Home</span></a>
                            </li>
                            <li>
                                <a href="about.html"><i class="pe-7s-light"></i><span>about us</span></a>
                            </li>
                            <li>
                                <a href="services.html"><i class="pe-7s-config"></i><span>services</span></a>
                            </li>
                            <li>
                                <a href="portfolio.html"><i class="pe-7s-portfolio"></i><span>portfolio</span></a>
                            </li>
                            <li>
                                <a href="blog.html"><i class="pe-7s-notebook"></i><span>Blog</span></a>
                            </li>
                            <li>
                                <a href="contact.html"><i class="pe-7s-call"></i><span>contact us</span></a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!--====| Main Header End |====-->
            
        </header>
        <!--====| Header Area End |====-->


        <!--====| Banner Area Start |====-->
        <section class="banner_area">
            <div class="container">
                <div class="row">
                    <div class="banner_content2">
                        <div class="col-md-7">
                            <div class="banner_con_txt">
                                <h1>multipurpose psd template <br>for all your business</h1>
                                <h2>clean . modern . unique</h2>
                                <p>You wanna be where everybody knows Your name. Just sit right back and you'll hear a tale a tale of a fateful trip that started from this tropic </p>
                                <a href="#" class="rm_btn">purchase now</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!--====| Banner Area End |====-->
		
        <!--====| Service Provide Area Start |====-->
		<section class="home_two_serv">
			<div class="container">
				<div class="row">
					<div class="serv_provied">
						<h2>services we provide</h2>
						<div class="all_provied">
							<div class="single_serv col-sm-4">
								<div class="serv_top">
									<i class="pe-7s-rocket"></i>
								</div>
								<div class="sev_ct">
									<h4>modern design</h4>
									<p>Praesent turpis mauris, aliquet 
Gravida adipiscing lectus ut 
Aenean at posuere </p>
									<h5><a href="#">read more</a></h5>
								</div>
							</div>
							<div class="single_serv col-sm-4">
								<div class="serv_top">
									<i class="pe-7s-monitor"></i>
								</div>
								<div class="sev_ct">
									<h4>100% responsive</h4>
									<p>Praesent turpis mauris, aliquet 
Gravida adipiscing lectus ut 
Aenean at posuere </p>
									<h5><a href="#">read more</a></h5>
								</div>
							</div>
							<div class="single_serv col-sm-4">
								<div class="serv_top">
									<i class="pe-7s-refresh"></i>
								</div>
								<div class="sev_ct">
									<h4>free updates</h4>
									<p>Praesent turpis mauris, aliquet 
Gravida adipiscing lectus ut 
Aenean at posuere </p>
									<h5><a href="#">read more</a></h5>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
        <!--====| Service Provide Area End |====-->
		
		<!--====| Work Hire Area Start |====-->	
		<section class="work_hire_area">
			<div class="container">
				<div class="workhire">
					<div class="row">
						<div class="col-sm-8">
							<div class="hire_txt">
								<h2>we are always here to work for you</h2>
								<p>Since we're together Come and play. Everything's A-OK. Friendly neighbors there that's where we meet. Can you tell me how to get how to get to Sesame Street. </p>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="get_btn">
								<a href="#">get started now</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--====| Work Hire Area End |====-->
		
		<!--====| Home 2 portfolio Area Start |====-->
		<section class="home_portfolio">
			<!--Service Portfolio-->
			<div class="container">
				<div class="row">
					<div class="service_portfolio_area">
						<div class="serv_port_txt">
							<h2>portfolio</h2>
							<p>There's nothing can hold me when I hold you. Feels so right it cant be wrong. Rockin' and rollin' all week long. Space. The final frontier. These are the voyages of the Starship Enterprise.</p>
						</div>
						<div class="main_port_serv">
							<ul class="sportfilter">
								<li class="filter" data-filter="all">All</li>
								<li class="filter" data-filter=".sbranding"> BRANDING</li>
								<li class="filter" data-filter=".swebsite">WEBSITES</li>
								<li class="filter" data-filter=".uidesing">UI DESIGN</li>
								<li class="filter" data-filter=".mockups">MOCKUPS</li>
							</ul>
							<div id="sportfolio">
								<div class="mix sbranding mockups">
									<div class="sport">
										<div class="featured_photo">
                                            <img src="img/portfolio1.jpg" alt="">
                                            <div class="portfolio_caption">
                                                <div class="buttons">  
                                                    <a class="lightbox" href="img/portfolio1.jpg"><i class="fa fa-search"></i></a>
                                                    <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                                </div>
                                            </div>
                                        </div>
									</div>
								</div>
								<div class="mix swebsite">
									<div class="sport">
										<div class="featured_photo">
                                            <img src="img/portfolio2.jpg" alt="">
                                            <div class="portfolio_caption">
                                                <div class="buttons">  
                                                    <a class="lightbox" href="img/portfolio2.jpg"><i class="fa fa-search"></i></a>
                                                    <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                                </div>
                                            </div>
                                        </div>
									</div>
								</div>
								<div class="mix uidesing mockups">
									<div class="sport">
										<div class="featured_photo">
                                            <img src="img/portfolio3.jpg" alt="">
                                            <div class="portfolio_caption">
                                                <div class="buttons">  
                                                    <a class="lightbox" href="img/portfolio3.jpg"><i class="fa fa-search"></i></a>
                                                    <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                                </div>
                                            </div>
                                        </div>
									</div>
								</div>
								<div class="mix sbranding swebsite uidesing">
									<div class="sport">
										<div class="featured_photo">
                                            <img src="img/portfolio4.jpg" alt="">
                                            <div class="portfolio_caption">
                                                <div class="buttons">  
                                                    <a class="lightbox" href="img/portfolio4.jpg"><i class="fa fa-search"></i></a>
                                                    <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                                </div>
                                            </div>
                                        </div>
									</div>
								</div>
								<div class="mix swebsite">
									<div class="sport">
										<div class="featured_photo">
                                            <img src="img/portfolio5.jpg" alt="">
                                            <div class="portfolio_caption">
                                                <div class="buttons">  
                                                    <a class="lightbox" href="img/portfolio5.jpg"><i class="fa fa-search"></i></a>
                                                    <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                                </div>
                                            </div>
                                        </div>
									</div>
								</div>
								<div class="mix uidesing sbranding mockups">
									<div class="sport">
										<div class="featured_photo">
                                            <img src="img/portfolio6.jpg" alt="">
                                            <div class="portfolio_caption">
                                                <div class="buttons">  
                                                    <a class="lightbox" href="img/portfolio6.jpg"><i class="fa fa-search"></i></a>
                                                    <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                                </div>
                                            </div>
                                        </div>
									</div>
								</div>
								<div class="mix sbranding mockups">
									<div class="sport">
										<div class="featured_photo">
                                            <img src="img/portfolio7.jpg" alt="">
                                            <div class="portfolio_caption">
                                                <div class="buttons">  
                                                    <a class="lightbox" href="img/portfolio7.jpg"><i class="fa fa-search"></i></a>
                                                    <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                                </div>
                                            </div>
                                        </div>
									</div>
								</div>
								<div class="mix swebsite uidesing">
									<div class="sport">
										<div class="featured_photo">
                                            <img src="img/portfolio8.jpg" alt="">
                                            <div class="portfolio_caption">
                                                <div class="buttons">  
                                                    <a class="lightbox" href="img/portfolio8.jpg"><i class="fa fa-search"></i></a>
                                                    <a href="project-details.html"><i class="fa fa-file-o"></i></a>
                                                </div>
                                            </div>
                                        </div>
									</div>
								</div>
							</div>
						</div>
						<div class="view_more_spo">
							<h2><a href="#">view more works</a></h2>
						</div>
					</div>
				</div>
			</div>			
		</section>
		<!--====| Home 2 portfolio Area End |====-->

		<!--====| Accordion Area Start |====-->	 
		<section class="about_accordion">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="ab_accor_img">
							<img src="img/about_accordian.jpg" alt="Accordian" />
						</div>
					</div>
					<div class="col-md-6">
					<div class="panel-group" id="abaccordion">
					  <div class="panel panel-default">
						<div class="panel-heading">
						  <h4 class="panel-title">
							<a class="accordion-toggle" data-toggle="collapse" data-parent="#abaccordion" href="#collapseOne">
								Clean And Professional Design
								<i class="indicator glyphicon glyphicon-minus"></i>
							</a>
						  </h4>
						</div>
						<div id="collapseOne" class="panel-collapse collapse in">
						  <div class="panel-body">
							Today still wanted by the government they survive as soldiers <br> of fortune. And we know Flipper lives in a world full of wonder<br> flying there-under under the sea.
						  </div>
						</div>
					  </div>
					  <div class="panel panel-default">
						<div class="panel-heading">
						  <h4 class="panel-title">
							<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#abaccordion" href="#collapseTwo">
							   100% responsive template
							   <i class="indicator glyphicon glyphicon-plus"></i>
							</a>
						  </h4>
						</div>
						<div id="collapseTwo" class="panel-collapse collapse">
						  <div class="panel-body">
							Today still wanted by the government they survive as soldiers <br> of fortune. And we know Flipper lives in a world full of wonder<br> flying there-under under the sea.
						  </div>
						</div>
					  </div>
					  <div class="panel panel-default">
						<div class="panel-heading">
						  <h4 class="panel-title">
							<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#abaccordion" href="#collapseThree">
							  theme with unique elements
							  <i class="indicator glyphicon glyphicon-plus"></i>
							</a>
						  </h4>
						</div>
						<div id="collapseThree" class="panel-collapse collapse">
						  <div class="panel-body">
							Today still wanted by the government they survive as soldiers <br> of fortune. And we know Flipper lives in a world full of wonder<br> flying there-under under the sea.
						  </div>
						</div>
					  </div>
					  <div class="panel panel-default">
						<div class="panel-heading">
						  <h4 class="panel-title">
							<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#abaccordion" href="#collapseFour">
							  modern psd for your business
							  <i class="indicator glyphicon glyphicon-plus"></i>
							</a>
						  </h4>
						</div>
						<div id="collapseFour" class="panel-collapse collapse">
						  <div class="panel-body">
							Today still wanted by the government they survive as soldiers <br> of fortune. And we know Flipper lives in a world full of wonder<br> flying there-under under the sea.
						  </div>
						</div>
					  </div>
					</div>
					</div>
				</div>
			</div>
		</section>	
		<!--====| Accordion Area End |====-->	
		
		<!--====| 100% Responsive Design area Start |====-->
		<section class="responsive_de">
			<div class="container ourcreatfe">
				<div class="grt_featue">
				<div class="row">
					<div class="col-md-12">
						<div class="sfea">
							<h2>Service we provide</h2>
						</div>						
					</div>
					<div class="col-md-12">
						<div >
							<ul class="serv_featured">
								<li class="single_servfeatured"><p><i class="pe-7s-help2"></i></p></li>
								<li class="single_servfeatured"><p><i class="pe-7s-monitor"></i></p></li>
								<li class="single_servfeatured"><p><i class="pe-7s-science"></i></p></li>
								<li class="single_servfeatured"><p><i class="pe-7s-anchor"></i></p></li>
								<li class="single_servfeatured"><p><i class="pe-7s-config"></i></p></li>
								<li class="single_servfeatured"><p><i class="pe-7s-cup"></i></p></li>
							</ul>
						</div>
					</div>
					<div class="col-md-12">
						<div class="responsive_serv">
							<h3>100% Responsive template</h3>
							<p>The Love Boat soon will be making another run. The Love Boat promises something for<br> everyone. Come and listen to a story about a man named Jed </p>
						</div>
					</div>
				</div>	
				</div>				
			</div>
		</section>
		<!--====| 100% Responsive Design area End |====-->

		<!--====| Latest blog post area Start |====-->
		<section class="latest_blog_posth">
			<div class="container">
				<div class="latest_blog_home2">
					<div class="row">
						<div class="col-md-12">
							<div class="ltpost_heading">
								<h2>latest from our blog</h2>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="all_ltpost">
							<div class="col-sm-4">
								<div class="single_lst_blog">
									<div class="lst_img">
										<a href="#"><img src="img/latestblog1.jpg" alt="img" /></a>
									</div>
									<div class="date_authorh">
										<div class="date_lth">
											<div class="dateh">
												<p><span>17</span><br>Jun, 2015</p>
											</div>
											<img alt="post indi" src="img/post_ind.png" class="postindh">
										</div>
										<div class="authoer_infoh">
											<h2><a href="#">we know Flipper lives here</a></h2>		
											<p><a href="#">by John Doe</a>   |  <span> 15 November, 2013</span></p>
											<ul class="post_tegh">
												<li><a href="#"><i class="fa fa-comment-o"></i> 4 Comments</a></li>
												<li><a href="#"><i class="fa fa-tag"></i>
												Natural</a></li>
											</ul>
										</div>
									</div>
									<div class="lst_txt">
									<p>Minnow would be lost. the Minnow would be lost. These days are all Happy and Free. </p>
									</div>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="single_lst_blog">
									<div class="lst_img">
										<a href="#"><img src="img/latestblog2.jpg" alt="img" /></a>
									</div>
									<div class="date_authorh">
										<div class="date_lth">
											<div class="dateh">
												<p><span>17</span><br>Jun, 2015</p>
											</div>
											<img alt="post indi" src="img/post_ind.png" class="postindh">
										</div>
										<div class="authoer_infoh">
											<h2><a href="#">Sunny Days s clouds away</a></h2>		
											<p><a href="#">by John Doe</a>   |  <span> 15 November, 2013</span></p>
											<ul class="post_tegh">
												<li><a href="#"><i class="fa fa-comment-o"></i> 4 Comments</a></li>
												<li><a href="#"><i class="fa fa-tag"></i>
												Natural</a></li>
											</ul>
										</div>
									</div>
									<div class="lst_txt">
									<p>On my way to where the air is sweet. Can you tell me how to get how to get to Sesame Street.</p>
									</div>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="single_lst_blog">
									<div class="lst_img">
										<a href="#"><img src="img/latestblog3.jpg" alt="img" /></a>
									</div>
									<div class="date_authorh">
										<div class="date_lth">
											<div class="dateh">
												<p><span>17</span><br>Jun, 2015</p>
											</div>
											<img alt="post indi" src="img/post_ind.png" class="postindh">
										</div>
										<div class="authoer_infoh">
											<h2><a href="#">You was knows Your name</a></h2>		
											<p><a href="#">by John Doe</a>   |  <span> 15 November, 2013</span></p>
											<ul class="post_tegh">
												<li><a href="#"><i class="fa fa-comment-o"></i> 4 Comments</a></li>
												<li><a href="#"><i class="fa fa-tag"></i>
												Natural</a></li>
											</ul>
										</div>
									</div>
									<div class="lst_txt">
									<p>The weather started getting rough - the tiny ship was tossed. Minnow would be lost.</p>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</section>
		<!--====| Latest blog post area End |====-->

		<!--====| Clean Design area Start |====-->
		<section class="clean_degn_area">
			<div class="container clean_design_areahome2">
				<div class="row">
					<div class="col-md-6">
						<div class="cleandesing_img">
							<img src="img/serv_banner.png" alt="clean desing" />
						</div>
					</div>
					<div class="col-md-6">
						<div class="clean_design_text">
							<h3>clean, modern and professional psd</h3>
							<p>So lets make the most of this beautiful day. Since we're together Come and play. Everything's A-OK. Friendly neighbors there that's where we meet. Can you tell me how to get how to get to Sesame Street. </p>
							<p>Mister we could use a man like Herbert Hoover again. And we know Flipper lives in a world full of wonder flying there-under under the sea prayer.</p>
							<a href="#">buy now</a>
						</div>
					</div>
				</div>		
			</div>
		</section>
		<!--====| Clean Design area End |====-->	

		<!--====| Our Great team area Start |====-->	
		<section class="grte_team_area">
			<div class="container">
				<div class="grt_tam_home">
					<div class="row">
						<div class="col-md-12">
							<div class="grt_heading">
								<h2>our great team</h2>
							</div>						
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-6">
							<div class="single_grt">
								<div class="grt_exp_img">
									<img src="img/grtteam1.jpg" alt="team" />
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-instagram"></i></a></li>
									</ul>
								</div>
								<div class="grt_team_txt">
									<h3>george baley</h3>
									<h5>Founder</h5>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="single_grt">
								<div class="grt_exp_img">
									<img src="img/grtteam2.jpg" alt="team" />
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-instagram"></i></a></li>
									</ul>
								</div>
								<div class="grt_team_txt">
									<h3>chris evans</h3>
									<h5>Co - Founder</h5>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="single_grt">
								<div class="grt_exp_img">
									<img src="img/grtteam3.jpg" alt="team" />
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-instagram"></i></a></li>
									</ul>
								</div>
								<div class="grt_team_txt">
									<h3>Smith evans</h3>
									<h5>Designer</h5>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="single_grt">
								<div class="grt_exp_img">
									<img src="img/grtteam4.jpg" alt="team" />
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-instagram"></i></a></li>
									</ul>
								</div>
								<div class="grt_team_txt">
									<h3>chris hemsworth</h3>
									<h5>Developer</h5>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--====| Our Great team area End |====-->

		<!--====| Our Professional skill area Start |====-->
		<section class="our_prfskill_area">
            <div class="container">
                <div class="section-padding">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="section_heading">
                                <h2>our professional skills</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="all_skill">
                            <div class="col-md-3 col-sm-6">
                                <div class="single_skill">
                                    <input type="text" class="knob" value="0" data-rel="75" data-width="175" data-height="175" data-bgcolor="#2a2a2a" data-fgcolor="#00aeef" data-thickness=".05" data-readonly="true" data-angleOffset="100" disabled>
                                    <h3>Wordpress</h3>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6">
                                <div class="single_skill">
                                    <input type="text" class="knob" value="0" data-rel="80" data-width="175" data-height="175" data-bgcolor="#2a2a2a" data-fgcolor="#00aeef" data-thickness=".05" data-readonly="true" data-angleOffset="100" disabled>
                                    <h3>html & css</h3>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6">
                                <div class="single_skill">
                                    <input type="text" class="knob" value="0" data-rel="75" data-width="175" data-height="175" data-bgcolor="#2a2a2a" data-fgcolor="#00aeef" data-thickness=".05" data-readonly="true" data-angleOffset="100" disabled>
                                    <h3>photoshop</h3>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6">
                            <div class="single_skill">
                                <input type="text" class="knob" value="0" data-rel="80" data-width="175" data-height="175" data-bgcolor="#2a2a2a" data-fgcolor="#00aeef" data-thickness=".05" data-readonly="true" data-angleOffset="100" disabled>
                                <h3>illustrater</h3>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
		<!--====| Our Professional skill area End |====-->

		<!--====| Home 2 Pricing table area start |====-->	
		<section class="pricing_table2_area">
			<div class="container section-padding">
				<div class="row">
					<div class="col-md-12">
						<div class="pritble2">
							<h2>our pricing table</h2>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="pricing2_area">
                        <div class="col-sm-3">
                            <div class="single_pricing2">
                                <div class="pakge_name_price">
                                    <div class="pke_price">
                                        <h3>$85<br><span>/ month</span></h3>
                                    </div>
                                    <h2>BASIC</h2>
                                </div>
                                <div class="pckge_lst">
                                    <ul>
                                        <li>05 Email Account</li>
                                        <li>01 Website Layout</li>
                                        <li>03 Photo Stock Banner</li>
                                        <li>01 Javascript Slider</li>
                                        <li>01 Hosting</li>
                                        <li>01 Domain Name Server</li>
                                    </ul>
                                </div>
                                <div class="prchge">
                                    <p><a href="#">PURCHASE</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="single_pricing2">
                                <div class="pakge_name_price">
                                    <div class="pke_price">
                                        <h3>$120<br><span>/ month</span></h3>
                                    </div>
                                    <h2>standard</h2>
                                </div>
                                <div class="pckge_lst">
                                    <ul>
                                        <li>05 Email Account</li>
                                        <li>01 Website Layout</li>
                                        <li>03 Photo Stock Banner</li>
                                        <li>01 Javascript Slider</li>
                                        <li>01 Hosting</li>
                                        <li>01 Domain Name Server</li>
                                    </ul>
                                </div>
                                <div class="prchge">
                                    <p><a href="#">PURCHASE</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="single_pricing2 hotprice">
                                <div class="pakge_name_price">
                                    <div class="pke_price">
                                        <h3>$150<br><span>/ month</span></h3>
                                        <h5 class="hottxt">
                                            Hot
                                        </h5>
                                    </div>
                                    <h2>DIAMOND</h2>
                                </div>
                                <div class="pckge_lst">
                                    <ul>
                                        <li>05 Email Account</li>
                                        <li>01 Website Layout</li>
                                        <li>03 Photo Stock Banner</li>
                                        <li>01 Javascript Slider</li>
                                        <li>01 Hosting</li>
                                        <li>01 Domain Name Server</li>
                                    </ul>
                                </div>
                                <div class="prchge">
                                    <p><a href="#">PURCHASE</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
						<div class="single_pricing2">
							<div class="pakge_name_price">
								<div class="pke_price">
									<h3>$180<br><span>/ month</span></h3>
								</div>
								<h2>ultimate</h2>
							</div>
							<div class="pckge_lst">
								<ul>
									<li>05 Email Account</li>
									<li>01 Website Layout</li>
									<li>03 Photo Stock Banner</li>
									<li>01 Javascript Slider</li>
									<li>01 Hosting</li>
									<li>01 Domain Name Server</li>
								</ul>
							</div>
							<div class="prchge">
								<p><a href="#">PURCHASE</a></p>
							</div>
						</div>
					</div>
					</div>
				</div>
			</div>
		</section>
		<!--====| Home 2 Pricing table area end |====-->	

        <!--====| testimonial area start |====-->
        <section class="testimonial_area">
            <div class="container">
                <div class="section-padding">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="testimonial_slider">
                                <div id="testimonial_slider" class="carousel slide" data-ride="carousel">
                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner" role="listbox">
                                        <div class="item active">
                                            <p>There are design companies, and then there are user experience, design, consulting, interface design, brilliant, and professional. UOU Apps, is by far one of the worlds best known brands.</p>
                                        </div>
                                        <div class="item">
                                            <p>There are design companies, and then there are user experience, design, consulting, interface design, brilliant, and professional. UOU Apps, is by far one of the worlds best known brands.</p>
                                        </div>
                                        <div class="item">
                                            <p>There are design companies, and then there are user experience, design, consulting, interface design, brilliant, and professional. UOU Apps, is by far one of the worlds best known brands.</p>
                                        </div>
                                    </div>
                                    
                                    <!-- Indicators -->
                                    <ol class="carousel-indicators">
                                        <li data-target="#testimonial_slider" data-slide-to="0" class="col-sm-4 active">
                                            <div class="col-md-5">
                                                <div class="trigger_img">
                                                    <img src="img/testimonial_caro_thumb_1.jpg" alt="">
                                                </div>
                                            </div>
                                            <div class="trigger_txt col-md-7 fix_p_r">
                                                <h3>John HenDrick</h3>
                                                <h4>CEO, Google Inc</h4>
                                            </div>
                                        </li>
                                        <li data-target="#testimonial_slider" data-slide-to="1" class="col-sm-4">
                                            <div class="col-md-5">
                                                <div class="trigger_img">
                                                    <img src="img/testimonial_caro_thumb_2.jpg" alt="">
                                                </div>
                                            </div>
                                            <div class="trigger_txt col-md-7 fix_p_r">
                                                <h3>charles will</h3>
                                                <h4>CEO, Studio 09</h4>
                                            </div>
                                        </li>
                                        <li data-target="#testimonial_slider" data-slide-to="2" class="col-sm-4">
                                            <div class="col-md-5">
                                                <div class="trigger_img">
                                                    <img src="img/testimonial_caro_thumb_3.jpg" alt="">
                                                </div>
                                            </div>
                                            <div class="trigger_txt col-md-7 fix_p_r">
                                                <h3>kimerley bob</h3>
                                                <h4>CEO, Tucker Studio</h4>
                                            </div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| testimonial area end |====-->	

        <!--====| Featured Client Area Start |====-->
        <section class="featured_client_area">
            <div class="container section-padding">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section_heading">
                            <h2>our trusted partners</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="featured_client_carousel">
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_1.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_2.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_3.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_4.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_5.jpg" alt=""></a>
                        </div>
                        <div class="single_featured_client">
                            <a href="#" target="_blank"><img src="img/featured_client_6.jpg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====| Featured Client Area End |====-->


        <!--====| Footer Area Start |====-->
        <footer class="footer_area">
            <div class="container footer_top section-padding">
                <div class="row">
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <a href="index.html"><img src="img/footer_logo.png" alt=""></a>
                            </div>
                            <div class="footer_widget_content">
                                <div class="first_wid">
                                    <p>Just two good ol' boys Never meanin' no harm. Beats all you've ever saw been in trouble </p>
                                    <p>Donec volutpat, mi vel egestas eleiend, dolor arcu iaculis nunc. Fusce gravida tortor felis, ac dictum risus sagittis id. </p>
                                    <a href="#">LEAR MORE</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Recent Post</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="footer_recent_post">
                                    <ul>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_1.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_2.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_3.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Tags</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="tag_wid">
                                    <ul>
                                        <li><a href="#">Awesome</a></li>
                                        <li><a href="#">Photography</a></li>
                                        <li><a href="#">Web Design</a></li>
                                        <li><a href="#">Infographic</a></li>
                                        <li><a href="#">Guitar</a></li>
                                        <li><a href="#">Theme</a></li>
                                        <li><a href="#">Website</a></li>
                                        <li><a href="#">Artist Design</a></li>
                                        <li><a href="#">Themeforest</a></li>
                                        <li><a href="#">Music</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Flickr Widget</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="flickr_wid">
                                    <ul>
                                        <li><a href="#"><img src="img/flickr_photo_1.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_2.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_3.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_4.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_5.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_6.jpg" alt=""></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container footer_bottom">
                <div class="row">
                    <div class="col-md-5">
                        <div class="copyright_txt">
                            <p>Copyright © 2015 - All Rights Reserved</p>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="footer_menu">
                            <nav>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="">Pages</a></li>
                                    <li><a href="portfolio.html">Portfolio</a></li>
                                    <li><a href="">Shop</a></li>
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="">Shortcodes</a></li>
                                    <li><a href="">Features</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--====| Footer Area End |====-->
       
        <!-- jQuery Latest version -->
        <script src="js/vendor/jquery.1.11.1.js"></script>

        <!-- Google Maps API -->
        <script src="https://maps.googleapis.com/maps/api/js"></script>

        <!-- Bootstrap JS -->
        <script src="js/bootstrap.min.js"></script>

        <!-- Slicknav JS -->
        <script src="js/jquery.slicknav.min.js"></script>

        <!-- jQuery knob and appear -->
        <script src="js/jquery.appear.js"></script>
        <script src="js/jquery.knob.min.js"></script>

        <!-- jQuery easing -->
        <script src="js/jquery.easing.1.3.min.js"></script>

        <!-- jQuery owl carousel -->
        <script src="js/owl.carousel.min.js"></script>
		
        <!-- Mixitup -->
        <script src="js/jquery.mixitup.js"></script>

        <!-- jQuery VenoBox -->
        <script src="js/venobox.min.js"></script>

        <!-- WOW Animation -->
        <script src="js/wow.min.js"></script>
           
        <!--Activating WOW Animation only for modern browser-->
        <!--[if !IE]><!-->
            <script type="text/javascript">new WOW().init();</script>
        <!--<![endif]-->		

        <!--Oh Yes, IE 9+ Supports animation, lets activate for IE 9+-->
        <!--[if gte IE 9]>
            <script type="text/javascript">new WOW().init();</script>
        <![endif]-->		 

        <!--Opacity & Other IE fix for older browser-->
        <!--[if lte IE 8]>
            <script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
        <![endif]-->	    

        <!-- jQuery main script -->
        <script src="js/main.js"></script>
    </body>
</html>